@import "./var.scss";
/* mini滚动条样式 */
.hideScrollBar {
  $ScrollBarColor: rgba(0, 0, 0, 0);
  $ScrollBarSize: 0;
  &.el-scrollbar__wrap {
    overflow-x: hidden !important;
  }
  &::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: px2($ScrollBarSize);
    /*高宽分别对应横竖滚动条的尺寸*/
    height: px2($ScrollBarSize);
    cursor: pointer;
    display: none;
  }
  .el-scrollbar__wrap::-webkit-scrollbar {
    /*滚动条整体样式*/
    //width: px2($ScrollBarSize);
    /*高宽分别对应横竖滚动条的尺寸*/
    //height: px2($ScrollBarSize);
    cursor: pointer;
  }
  &::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: px2($ScrollBarSize);
    box-shadow: inset 0 0 px2($ScrollBarSize/2) $ScrollBarColor;
    background: $ScrollBarColor;
    &:hover {
      background: $ScrollBarColor;
    }
    &:active {
      background: $ScrollBarColor;
    }
  }
  &::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 px2($ScrollBarSize/2) transparent;
    border-radius: px2($ScrollBarSize);
    background: transparent;
  }
  /* element滚动条的宽度 */
  &.el-table__body-wrapper::-webkit-scrollbar {
    width: px2($ScrollBarSize);
    height: px2($ScrollBarSize);
    cursor: pointer;
  }
  /* element 滚动条的滑块 */
  &.el-table__body-wrapper::-webkit-scrollbar-thumb {
    border-radius: px2($ScrollBarSize);
    box-shadow: inset 0 0 px2($ScrollBarSize/2) transparent;
    background: transparent;
  }
}
.miniScrollBar {
  $ScrollBarColor: rgba(0, 0, 0, 0.1);
  $ScrollBarSize: 4;
  &.el-scrollbar__wrap {
    overflow-x: hidden !important;
  }
  &::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: px2($ScrollBarSize);
    /*高宽分别对应横竖滚动条的尺寸*/
    height: px2($ScrollBarSize);
    cursor: pointer;
  }
  &::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: px2($ScrollBarSize);
    box-shadow: inset 0 0 px2($ScrollBarSize/2) $ScrollBarColor;
    background: $ScrollBarColor;
    &:hover {
      background: $ScrollBarColor;
    }
    &:active {
      background: $ScrollBarColor;
    }
  }
  &::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 px2($ScrollBarSize/2) transparent;
    border-radius: px2($ScrollBarSize);
    background: transparent;
  }
  /* element滚动条的宽度 */
  &.el-table__body-wrapper::-webkit-scrollbar {
    width: px2($ScrollBarSize);
    height: px2($ScrollBarSize);
    cursor: pointer;
  }
  /* element 滚动条的滑块 */
  &.el-table__body-wrapper::-webkit-scrollbar-thumb {
    border-radius: px2($ScrollBarSize);
    box-shadow: inset 0 0 px2($ScrollBarSize/2) transparent;
    background: transparent;
  }
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}

.el-row {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}

.el-menu--horizontal > .el-submenu .el-submenu__title {
  height: 48px !important;
  line-height: 48px !important;
}

.el-form-item__label {
  font-size: px2(12) !important;
}
.el-form-item__content {
  font-size: px2(12) !important;
}
.el-autocomplete-suggestion__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  li {
    text-align: center;
    color: $fontColorW;
    border: px2(1) solid $borderColor;
    padding: 0 px2(8);
    margin-left: px2(8);
  }
}
.Table {
  background-color: #fff;
  padding: px2(12) px2(30);
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
  min-width: px2(28);
  border-radius: 50%;
  background-color: transparent;
}
/*调换两个按钮的位置*/
.el-message-box__btns{
  display:flex;
  flex-direction:row-reverse;
}

/*拉开两个按钮的距离10像素，给取消按钮10像素的左margin。*/
.custom-cancel-button{
  margin-left:10px;
}
